<!DOCTYPE html>
<html>

<head>
    <script src="intelxdk.js"></script>
    <script src="cordova.js"></script>
    <script src="xhr.js"></script>
    
<link rel=stylesheet href="css/style.css" type="text/css"/>
<style type="text/css">   
        
h1{
    text-align: center;
    margin-top:2%;
    margin-bottom: 2%;
    color: white;
    background-color: transparent;
}

@media screen and (orientation:portrait) {  
    .wrapper{
        /*margin-bottom: 12%;*/
        margin-top: 60%;
    }
}
@media screen and (orientation:landscape) {   

    .wrapper{
        /*margin-bottom: 40%;*/
        margin-top: 25%;
    }
}      
</style>

    
    
</head>    
    
<body>
     
    <div class="wrapper">
        <h1>This option will be available later</h1> 
        <!--<button type="button" class="buttonMain" onclick="window.location='index.html'" >Back</button>  -->
    </div>
</body>
</html>
